<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>购物车列表页</title>
	<link rel="stylesheet" type="text/css" href="<?php echo __ROOT__?>/resource/home/css/index.css" />
	<script src="<?php echo __ROOT__?>/resource/home/js/jquery.11.min.js"></script>
	<script src="<?php echo __ROOT__?>/resource/home/js/index.js"></script>
</head>

<body>
<!--顶部导航-->
<div id="top">
	<div class="left">
		<ul class="class">

			<li class="class">
				<a href="">品牌官网</a><span>|</span></li>
			<li class="class">
				<a href="">炫耀官网</a><span>|</span></li>
			<li class="father">
				<div class="title">
					<a href="">软件管理</a><i></i></div>

				<div class="hiden">
					<a href="">开发者联盟</a>
					<a href="">EMU</a>
					<a href="">应用市场</a>
					<a href="">云服务</a>
				</div>

			</li>
			<li class="class">
				<a href="">花粉俱乐部</a><span>|</span></li>
			<li class="class">
				<a href="">Select Regoin</a>
			</li>

		</ul>
	</div>
	<div class="right">
		<ul>
			<li>
				<strong><a href="">登录</a></strong>&nbsp;
				<strong><a href="">注册 </a></strong>

			</li>
			<span>|</span>

			<li>
				<a href="">我的订单</a>

			</li>
			<span>|</span>
			<li>
				<a href="">V码（优购码)</a>&nbsp;

			</li>
			<span>|</span>
			<li>
				<a href="">手机版</a>&nbsp;

			</li>
			<span>|</span>
			<li>
				<div class="title">
					<a href="" class="font">网站导航</a><i></i>
				</div>
				<div class="hiden">
					<a href="">网站导航</a>
					<a href="">网站导航</a>
					<a href="">网站导航</a>
					<a href="">网站导航</a>
				</div>

			</li>

		</ul>
	</div>
</div>
<!--顶部灰条结束-->
<!--***********************子类继承开始*****************************-->
<div class="header">
	<div class="shopping">
		<!--logo开始-->
		<div class="logo">
			<a href="mapLink">
				<img src="<?php echo __ROOT__?>/resource/home/images/logo.png" alt="" />
			</a>
		</div>

		<!--logo 结束***8右侧不继承自己自编辑-->
		<div class="list_header_right">
			<!--我的购物车 流程条-->
			<div class="list_header_right_Mycar"> 我的购物车</div>
			<!--<div class="list_header_right_checkOrder"> 填写核对订单</div>-->
			<!--<div class="list_header_right_successOrder">成功递交订单</div>-->

		</div>
	</div>
</div>
<!--SC子类继承**************888-->
<!--购物车列表详情-->

<div class="list_content">
	<!--上部主要内容开始-->
	<div class="list_content_top">
		<!--顶部标题-->
		<div class="list_content_top_header">
			<table border="0" cellspacing="0" cellpadding="0">
				<tr>
					<th class="checkbox anycheck" width="28">
<!--						顶部全选复选框-->
						<input id="checkAll-top" type="checkbox"   class="quanxuan"  value="" />
					</th>
					<th class="commodity" width="617">
						商品
					</th>
					<th width="155">
						单价(元)
					</th>
					<th width="140">数量</th>
					<th width="140">小计(元)</th>
					<th width="100">操作</th>
				</tr>
			</table>

		</div>
		<!--顶部标题结束-->
		<!--form表单开始****8-->


			<div class="list_content_top_content">
				<?php foreach ((array)$goodsData['goods'] as $k=>$v){?>
					<div class="list_content_top_content_son">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<!--rowspan是变量-->
								<td class="tr-check" rowspan="4" >
<!--							单选复选按钮-->
									<input type="checkbox" sid="<?php echo $k?>" xiaoji=""  value="" class="checkbox"/>
								</td>
								<td class="content">

									<div class="box">
										<p class="p_img">
											<a href="<?php echo u('show.index',['gid'=>$v['id']])?>">
												<img src="<?php echo $v['pic']?>"/>
											</a>
										</p>
										<a href="<?php echo u('show.index',['gid'=>$v['id']])?>">
											<?php echo $v['name']?>  <?php echo $v['options']['选择制式']?>（<?php echo $v['options']['颜色']?>）

										</a>
										<em>
											颜色： <?php echo $v['options']['颜色']?><br>
											库存：<b><?php echo $v['kucun']?></b>
										</em>


									</div>
								</td>
								<!--单价框-->
								<td class="money">
									<span class="danjia">￥<em><?php echo $v['price']?></em></span>
								</td>
								<!--rowspan是变量     统计购买数量-->

								<td rowspan="4" class="total">
									<div class="big_number">
<!--										加减按钮-->
										<div class="big_number_content">
											<a href="javascriput:;" title="加" class="add"> +</a>
											<input type="text" sid="<?php echo $k?>" class="num" value="<?php echo $v['num']?>" />
											<a href="javascriput:;" title="减"class="minus">-</a>

										</div>

									</div>

								</td>
<!--								点击改变数量Js-->

								<!--小计-->
								<td rowspan="4" class="total totalxiaoji">
									<b class="xiaoji">¥<em><?php echo $v['total']?></em></b>
								</td>
								<!--操作-->
								<td rowspan="4" class="total">
									<a href="javascript:;" sid="<?php echo $k?>" class="thisDel del"> 删除</a>
								</td>

							</tr>
							<!--复制子类商品-->
<!--							<tr>
								<td class="content padding">
									<div class="box">
										<p class="p_img">
											<a href="">
												<img src="images/Hot_tou.jpg"/>
											</a>
										</p>
										<a href="">
											HUAWEI G9 Plus 联通4G版（铂雅金）

										</a>
										<em>
											颜色： 铂雅金
										</em>


									</div>
								</td>
								单价框
								<td class="money">
									<span>￥2399.00</span>
								</td>

							</tr>
							<tr>
								<td class="content padding">
									<div class="box">
										<p class="p_img">
											<a href="">
												<img src="images/Hot_tou.jpg"/>
											</a>
										</p>
										<a href="">
											HUAWEI G9 Plus 联通4G版（铂雅金）

										</a>
										<em>
											颜色： 铂雅金
										</em>


									</div>
								</td>
								单价框
								<td class="money">
									<span>￥2399.00</span>
								</td>

							</tr>-->

						</table>

					</div>
				<?php }?>
				<script>
					$(function(){
//						加
						$('.big_number .add').click(function(){
							var num=$(this).siblings('.num').val();
							num++
//							判断库存数据
							var kucun=$(this).parents('.total').siblings('.content').find('.box em b').text();
							if(kucun-num<0){
								alert('库存只有'+kucun+'部');
								num=kucun;
							}
//							把数字写进去
							$(this).siblings('.num').val(num);
//							获取单价修改小计
							var danjia=$(this).parents('.total').siblings('.money').find('span em').text();
							var danjia=parseInt(danjia)
							var xiaoji=danjia*num;
//							写入小计
							 $(this).parents('.total').siblings('.total').find('b em').html(xiaoji);

//							判断当前点击的有没有被选中 $(this).is('.select')
							var check=$(this).parents('.total').siblings('.tr-check').find('.checkbox');
							if(check.is('.select')){
//								写入属性用属性计算
								check.attr('xiaoji',xiaoji);
//								计算总金额
								var n=0;
								$.each($('.select'),function(){
									n+=parseInt($(this).attr('xiaoji'));
								})


//								写入总金额
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n );
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n );
							}
//							异步数据
							var data={
								num:$(this).siblings('.num').val(),
								sid:$(this).siblings('.num').attr('sid'),
							}
							//发送异步
							$.post("<?php echo u('ajaxEdit')?>",data,function(res){

							},'json');


						})
//						减
						$('.big_number .minus').click(function(){
							var num=$(this).siblings('.num').val();
							num--
							if(num<=0){
								num=1
							}
//							判断库存数据
							var kucun=$(this).parents('.total').siblings('.content').find('.box em b').text();
							if(kucun-num<0){
								alert('库存只有'+kucun+'部');
								num=kucun;
							}
							$(this).siblings('.num').val(num)
							var danjia=$(this).parents('.total').siblings('.money').find('span em').text();
							var danjia=parseInt(danjia);
							var xiaoji=danjia*num;
							$(this).parents('.total').siblings('.total').find('b em').html(xiaoji);
							//							判断当前点击的有没有被选中 $(this).is('.select')
							var check=$(this).parents('.total').siblings('.tr-check').find('.checkbox');
							if(check.is('.select')){

//								写入属性用属性计算
								check.attr('xiaoji',xiaoji);
//								计算总金额


								var n=0;
								$.each($('.select'),function(){
									n+=parseInt($(this).attr('xiaoji'));
								})

//								写入总金额
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n );
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n );
							}
//							发送异步
							var data={
								num:$(this).siblings('.num').val(),
								sid:$(this).siblings('.num').attr('sid'),
							}
							$.post("<?php echo u('ajaxEdit')?>",data,function(res){

							},'json');
						})
//						失去焦点事件
						$('.big_number .minus').siblings('.num').blur(function(){
							var num=$(this).val();
							var num=Number(num)
							if(num<=0||!num){
								num=1
							}

//							判断库存数据
							var kucun=$(this).parents('.total').siblings('.content').find('.box em b').text();
							if(kucun-num<0){

								alert('库存只有'+kucun+'部');
								num=kucun;

							}
//							写入数字
							$(this).val(num);
//
							var danjia=$(this).parents('.total').siblings('.money').find('span em').text();
							var danjia=parseInt(danjia);
//							写入小计
							var xiaoji=danjia*num;
							$(this).parents('.total').siblings('.total').find('b em').html(xiaoji );
//							判断当前点击的有没有被选中 $(this).is('.select')
							var check=$(this).parents('.total').siblings('.tr-check').find('.checkbox');
							if(check.is('.select')){

//								写入属性用属性计算
								check.attr('xiaoji',xiaoji);
//								计算总金额
								var n=0;
								$.each($('.select'),function(){
									n+=parseInt($(this).attr('xiaoji'));
								})

//								写入总金额
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n );
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n );
							}
//							发送异步

							var data={
								num:$(this).val(),
								sid:$(this).attr('sid'),
							}
							$.post("<?php echo u('ajaxEdit')?>",data,function(res){
							},'json');
						})
//                 单选处理
						$('.tr-check .checkbox').click(function(){

//							单选钮处理点击单个按钮chebox添加一个class判断是否全选
							if($(this).is('.select')){
								$(this).removeClass('select');

							}else{
								$(this).addClass('select');
							}

//							处理按钮的选中效果
							var anycheck=$(this).parents('.list_content_top_content').siblings('.list_content_top_header').find('.anycheck .quanxuan');
							if(anycheck.prop('checked',true)){
								anycheck.removeProp('checked')
							}
							if(anycheck.is('.che')){
								anycheck.removeClass('che')
							}
							if($('.select').length==<?php echo count($goodsData['goods'])?>){
								anycheck.addClass('che');
								anycheck.attr("checked",'true');
								anycheck.prop('checked','true');

							}
//							点击按钮异步添加seseion里面的选中状态
							var This=$(this);
							if(This.prop('checked')){
								var data={
									sid:$(this).attr('sid'),
									choose:1,
								}
							}else{

								var data={
									sid:$(this).attr('sid'),
									choose:2,
								}
							}
							if(anycheck.is('.che')){
								var data={
									choose:3,
								}

							}
//							发送异步
								$.post("<?php echo u('ajaxChoose')?>",data);
// 单选钮处理有这个class的元素将值相加
							if($(this).is('.select')){
								var xiaoji=$(this).parents('.tr-check').siblings('.totalxiaoji').find('b em').text();
//								写入属性用属性计算
								$(this).attr('xiaoji',xiaoji);
//								计算总金额
								var n=0;
								$.each($('.select'),function(){
									n+=parseInt($(this).attr('xiaoji'));
								})

//								写入总金额
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n );
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n );
							}else {
//									写入属性用属性计算
								$(this).attr('xiaoji',0);
								var n=0;
								$.each($('.select'),function(){
									n+=parseInt($(this).attr('xiaoji'));
								})
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n);
								$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n);

							}
						})
//						顶部全选处理
						$('.anycheck .quanxuan').click(function(){
							var check=$(this).parents('.list_content_top_header').siblings('.list_content_top_content').find('.tr-check .checkbox');
							$(check).prop("checked", $(this).prop("checked"));
//							点击添加class用class判断
							if($(this).is('.che')){
								$(this).removeClass('che');

							}else{
								$(this).addClass('che');

							}
							//点击全选异步改变session里的选中状态
							if($(this).is('.che')){
								var data={
									choose:3,
								}
//							异步发送
								$.post("<?php echo u('ajaxChoose')?>",data);
							}

							if($(this).is('.che')){
//								不添加class的话别的判断没法走
								check.addClass('select');
								//							有这个class的元素将值相加
								var n=0;
								$.each(check,function(){
									var xiaoji=$(this).parents('.tr-check').siblings('.totalxiaoji').find('b em').text();
//								写入属性用属性计算
									$(this).attr('xiaoji',xiaoji);
//								计算总金额
									n+=parseInt($(this).attr('xiaoji'));
									$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n );
									$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n );

								})
							}else{

								check.removeClass('select');
								$.each(check,function(){
	//								写入属性用属性计算
									$(this).attr('xiaoji',0);
									var n=0;
									$.each(check,function(){
										n+=parseInt($(this).attr('xiaoji'));
									})
									$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td em').html(n);
									$(this).parents('.list_content_top').siblings('.list_content_btom').find('.jine td b').html(n);

								})
							}

						})
//						删除处理
//						单个按钮点击删除
						$('.thisDel').click(function(){
							var sid=$(this).attr('sid');
							$.post("<?php echo u('ajaxDel')?>",{sid:sid},function(res){

							},'json');
							$(this).parents(".list_content_top_content_son").remove();
						});
//						点击删除选中按钮
						$('.anyDel').click(function(){
							var sids='';
							$.each($('.select'),function(){
								$(this).parents(".list_content_top_content_son").remove();
								sids+=$(this).attr('sid')+',';
							})
							$.post("<?php echo u('ajaxDel')?>",{sids:sids},function(res){

							},'json');


						})
					})
				</script>
			</div>
	</div>
	<!--底部结算-->
	<div class="list_content_btom">
		<!--小清单-->
		<div class=" list_content_btom_list">
			<div class="list_content_btom_list_left">
				<a class="anyDel" href="javascript:;"> 删除选中商品</a>
			</div>
			<!--右侧表格-->
			<div class="list_content_btom_list_right">
				<table border="0" cellspacing="0" cellpadding="0">
					<tr class="jine">
						<th>总计金额：</th>
						<td>￥<em>0.00</em></td>
					</tr>
					<tr  class="jine">
						<th>合计（不含运费）：</th>
						<td style="color: #E01D20; font-size: 16px;">￥<b style="color: #E01D20; font-size: 16px;">0.00</b></td>
					</tr>
				</table>
			</div>
		</div>
		<!--底部按钮-->
		<div class="list_content_btom_button">


					<a href="<?php echo u('checkorder')?>" class="settle_accounts">去结算</a>
				<a target="_blank" href="<?php echo u("entry.index")?>" class="continue">继续购物</a>


		</div>

	</div>
	<!--已经删除商品框-->
	<div class="romove_item">
		<div class="romove_item_top">
			<h3>已删除商品</h3>
			<table  cellspacing="0" cellpadding="0">
				<!--顶部、-->
				<tr>
					<th width="660">商品</th>
					<th width="142">数量</th>
					<th width="264"><em>小计（元）</em></th>
					<th width="133">操作</th>


				</tr>
				<!--内容-->
				<tr>
					<td width="660"> 荣耀 NOTE 8 4GB+64GB 全网通版（铂光金）</td>
					<td width="142"> 1</td>
					<td width="264"> ￥456767</td>
					<td width="133"><a href="">重新购买</a></td>


				</tr>
				<!--内容-->
				<tr>
					<td width="660"> 荣耀 NOTE 8 4GB+64GB 全网通版（铂光金）</td>
					<td width="142"> 1</td>
					<td width="264"> ￥456767</td>
					<td width="133"><a href="">重新购买</a></td>


				</tr>
				<!--内容-->
				<tr>
					<td width="660"> 荣耀 NOTE 8 4GB+64GB 全网通版（铂光金）</td>
					<td width="142"> 1</td>
					<td width="264"> ￥456767</td>
					<td width="133"><a href="">重新购买</a></td>


				</tr>


			</table>
		</div>

	</div>


</div>




<!--***********************子类继承结束*****************************-->
<div class="public_footer">
	<!--五百强企业退货开始-->
	<div class="public_footer_slogan">
		<ul>
			<li>
				<i></i> 500强企业 品质保证
			</li>
			<li>
				<i></i> 500强企业 品质保证
			</li>
			<li>
				<i></i> 500强企业 品质保证
			</li>
			<li>
				<i></i> 500强企业 品质保证
			</li>

		</ul>
	</div>
	<!--售后服务、-->
	<div class="service">
		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>
		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>

		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>

		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>

		<dl>
			<dt>
				<i></i>
				帮助中心
			</dt>
			<dd>
				<ol>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
					<li>
						<a href="">购物指南</a>
					</li>
				</ol>
			</dd>
		</dl>

	</div>
	<!--底部友情链接热门搜索-->
	<div class="public_footer_webset">
		<div class="webset_hotLink">
			<p>
				热门华为手机：
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>|
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>|
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>|
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>|
				<a href="">华为荣耀7</a>|
				<a href="">meta /P4557</a>
		</div>
		<!--协议备案-->
		<div class="web_set_agreement">
			<p>
				<a href="">隐私政策 </a>
				<a href=""> 服务协议</a> email 115566633@sin.com</p>
			<p>
				<a href="">公安网备案555655969156</a>|增值电信业务许可证
				<a href="">网络文化许可118666146416</a>
			</p>
			<div class="webset_over">
				<p>
					<a href=""><img src="<?php echo __ROOT__?>/resource/home/images/polic.png" /></a>
					<a href=""><img src="<?php echo __ROOT__?>/resource/home/images/polic.png" /></a>
					<a href=""><img src="<?php echo __ROOT__?>/resource/home/images/polic.png" /></a>

				</p>
			</div>

		</div>
	</div>
	<!--右侧定位点击回顶部-->
	<div class="Right_fixed">

		<a href=""></a>
		<a href=""></a>
		<a href=""></a>

	</div>

</div>

</body>

</html>


